<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>销售中心</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>销售中心</a>
        <ul class="link-lop">
          <li><a href="javascript:">旅游产品</a></li>
          <li><a href="javascript:">酒店产品</a></li>
          <li><a href="javascript:">玩乐产品</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">销售中心</a></li>
      <li class="active">旅游产品查询</li>
    </ol>

    <ul class="nav nav-tabs app-tabs" role="tablist">
      <li class="active"><a href="javascript:">全部</a></li>
      <li><a href="javascript:">周边游</a></li>
      <li><a href="javascript:">国内游</a></li>
      <li><a href="javascript:">出境游</a></li>
      <li><a href="javascript:">赴台游</a></li>
      <li><a href="javascript:">国内自由行</a></li>
      <li><a href="javascript:">出境自由行</a></li>
      <li><a href="javascript:">国内目的地参团</a></li>
      <li><a href="javascript:">出境目的地参团</a></li>
    </ul>
    <section class="panel panel-default border-no-t">
      <header class="panel-heading">
        <div class="row">
          <div class="col-sm-5">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="请输入关键字，如：产品名称，供应商名称，产品ID...">
				      <span class="input-group-btn">
				        <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
				      </span>
            </div><!-- input-group -->
          </div>
          <div class="col-sm-7">
            <button type="button" class="btn btn-warning">根据条件搜索</button>
            <button type="button" class="btn btn-link">清除筛选条件</button>
          </div>
        </div>
      </header>
      <article class="panel-body pl-col">
        <div class="displayt">
          <div class="cell w90 vertop text-right">产品形态:</div>
          <div class="cell app-sxk">
            <label class="active">全部</label>
            <label>跟团游</label>
            <label>主题游</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <input type="hidden">
          </div>
        </div>
      </article>
      <article class="panel-body pl-col">
        <div class="displayt">
          <div class="cell w90 vertop text-right">选取区域:</div>
          <div class="cell app-sxk">
            <label class="active">全部</label>
            <label>跟团游</label>
            <label>主题游</label>
            <label>半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <input type="hidden">
          </div>
        </div>
      </article>
      <article class="panel-body pl-col">
        <div class="displayt">
          <div class="cell w90 vertop text-right">热门线路:</div>
          <div class="cell app-sxk">
            <label class="active">全部</label>
            <label>跟团游-跟团游</label>
            <label>主题游-sdfa</label>
            <label>撒的发-半自助</label>
            <label>半自助</label>
            <label>半自助</label>
            <input type="hidden">
          </div>
        </div>
      </article>
      <article class="panel-body pl-col j_hx">
        <span class="w90 text-right">起止城市:</span>
        <label class="inline w200 ml10">
          <select name="" class="form-control">
            <option value="">请选择城市</option>
          </select>
        </label>
      </article>
      <article class="panel-body pl-col j_hx">
        <div class="inline w90 text-right">出发日期:</div>
        <label class="inline ml10">
          <input type="text" class="form-control w160 form_datetime" readonly>
        </label>
        <span>-</span>
        <label class="inline">
          <input type="text" class="form-control w160 form_datetime" readonly>
        </label>
        <button class="btn btn-warning">确定</button>
      </article>
      <article class="panel-body pl-col j_hx">
        <span class="w90 text-right">行程天数:</span>
        <label class="inline w200 ml10">
          <select name="" class="form-control">
            <option value="">请选择城市</option>
          </select>
        </label>
      </article>
      <article class="panel-body pl-col j_hx">
        <div class="inline w90 text-right">价格区间:</div>
        <label class="inline ml10">
          <input type="text" class="form-control w160" >
        </label>
        <span>-</span>
        <label class="inline">
          <input type="text" class="form-control w160">
        </label>
        <div class="inline checkbox ml10 app-checkbox-box">
          <label><input type="checkbox">热销</label>
          <label><input type="checkbox">特卖</label>
          <label><input type="checkbox">预售</label>
        </div>
      </article>
      <article class="panel-footer text-center pl-link j_hs">
        <span class="j_hx">收回&nbsp;<i class="fa fa-arrow-up"></i></span>
        <span class="j_sx">更多筛选项&nbsp;<i class="fa fa-arrow-down"></i></span>
      </article>
    </section>

    <section class="commodity">
      <header class="commohd">
        <div class="btn-group j_orderbtn">
          <button class="btn btn-link text-theme">综合排序</button>
          <button class="btn btn-link text-black">销量 <i class="fa fa-long-arrow-down"></i></button>
          <button class="btn btn-link text-black">价格 <i class="fa fa-long-arrow-up"></i></button>
          <button class="btn btn-link text-black">评价 <i class="fa fa-long-arrow-down"></i></button>
        </div>
        <div class="inline ml10">
          <a href="javascript:" class="text-theme">销售</a> &nbsp;/&nbsp; <a href="javascript:" class="text-black">结算</a>
        </div>
      </header>
      <article class="commolist">
        <div class="media app-media">
          <div class="media-left">
            <a href="#">
              <span class="ma-tip">主题游</span>
              <span class="ma-tit">北京出发</span>
              <img class="media-object" src="../../img/qb.jpg" alt="goods" width="200" >
            </a>
          </div>
          <div class="media-body p20">
            <h4 class="media-heading">【赠免税优惠券】s是的疯狂声卡的积分开就离开（可接送等等） <a href="javascript:"><i class="fa fa fa-microphone"></i></a></h4>
            <div class="media-bd">
              <p>产品ID：ccsdf132451 供应商：阿萨德发货客家话分开始</p>
              <p>最近班期：<time>06-02</time>,<time>06-05</time>,<time>06-06</time></p>
            </div>
            <p class="money">销售价：<span class="bigmoney">60</span> 元</p>
          </div>
        </div> <!-- media -->

        <div class="media app-media">
          <div class="media-left">
            <a href="#">
              <span class="ma-tip">主题游</span>
              <span class="ma-tit">北京出发</span>
              <img class="media-object" src="../../img/qb.jpg" alt="goods" width="200" >
            </a>
          </div>
          <div class="media-body p20">
            <h4 class="media-heading">【赠免税优惠券】s是的疯狂声卡的积分开就离开（可接送等等） <a href="javascript:"><i class="fa fa fa-microphone"></i></a></h4>
            <div class="media-bd">
              <p>产品ID：ccsdf132451 供应商：阿萨德发货客家话分开始</p>
              <p>最近班期：<time>06-02</time>,<time>06-05</time>,<time>06-06</time></p>
            </div>
            <p class="money">销售价：<span class="bigmoney">60</span> 元</p>
          </div>
        </div>

        <div class="media app-media">
          <div class="media-left">
            <a href="#">
              <span class="ma-tip">主题游</span>
              <span class="ma-tit">北京出发</span>
              <img class="media-object" src="../../img/qb.jpg" alt="goods" width="200" >
            </a>
          </div>
          <div class="media-body p20">
            <h4 class="media-heading">【赠免税优惠券】s是的疯狂声卡的积分开就离开（可接送等等） <a href="javascript:"><i class="fa fa fa-microphone"></i></a></h4>
            <div class="media-bd">
              <p>产品ID：ccsdf132451 供应商：阿萨德发货客家话分开始</p>
              <p>最近班期：<time>06-02</time>,<time>06-05</time>,<time>06-06</time></p>
            </div>
            <p class="money">销售价：<span class="bigmoney">60</span> 元</p>
          </div>
        </div>

        <nav class="clearfix pt10">
          <ul class="pagination pull-right">
            <li>
              <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
              <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>

      </article>
    </section>

    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>


<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  seajs.use(['timepicker','tker-css'],function () {
    seajs.use('sales',function (cc) {
      cc.salesIndex();
    });
  });
</script>
</body>
</html>